import React from 'react'
import { Divider, Form, Input } from 'antd'
import { smallInputStyle, defaultFormLayout } from 'src/layout/defaultFormLayout'

export interface SignConfirmInfoProps {
    realName: string;
    stuNum: string;
    phoneNum: string;
    clazzName: string;
    college: string;
    idNumber: string;
}

export const SignConfirmInfo: React.FC<SignConfirmInfoProps> = (props: SignConfirmInfoProps) => (
    <div>
        <Form {...defaultFormLayout}>
            <Form.Item label={'院系'}>
                <p>{props.college}</p>
            </Form.Item>
            <Form.Item label={'姓名'}>
                <p>{props.realName}</p>
            </Form.Item>
            <Form.Item label={'学号'}>
                <p>{props.stuNum}</p>
            </Form.Item>
            <Form.Item label={'班级'}>
                <p>{props.clazzName}</p>
            </Form.Item>
            <Form.Item label={'手机号'}>
                <Input placeholder={'请输入手机号'} style={smallInputStyle} value={props.phoneNum}/>
            </Form.Item>
            <Form.Item label={'身份证号'}>
                <Input placeholder={'请输入身份证号'} style={smallInputStyle} value={props.idNumber}/>
            </Form.Item>
        </Form>
        <Divider/>
    </div>
)
